Выравние по горизонтали по одной линии

[okunev2]

заверстал такое меню:

как выравнить текст по одной линии по горизонтали, вот так:

line-height для ссылки не помогает, так как где-то текст в одну строку где в две

[amelice]

заверстал такое меню:

как выравнить текст по одной линии по горизонтали, вот так:

line-height для ссылки не помогает, так как где-то текст в одну строку где в две

а можно код?

[okunev2]

заверстал такое меню:

как выравнить текст по одной линии по горизонтали, вот так:

line-height для ссылки не помогает, так как где-то текст в одну строку где в две

а можно код?

#left-block .nav-tabs {position: relative; width: 690px; height: 47px; margin: 17px 0 0 0;}
#left-block .nav-tabs ul {overflow: visible; position: relative; z-index: 2;}

#left-block .nav-tabs li.t a {font: normal 14px Georgia; color: #ffffff; display: block; text-decoration: none;}
#left-block .nav-tabs li.t a:hover {font: normal 14px Georgia; color: #660100; display: block; text-decoration: none;}

#left-block .nav-tabs li.t {position: relative; float: left; width: 115px; height: 47px; text-align: center; background: url('./images/nav-tabs.jpg') 0 -47px no-repeat;}
#left-block .nav-tabs li.t a:hover {position: relative; float: left; width: 115px; height: 47px; text-align: center; background: url('./images/nav-tabs.jpg') 0 0 no-repeat;}
#left-block .nav-tabs li.selected {position: relative; float: left; width: 115px; height: 47px; text-align: center; background: url('./images/nav-tabs.jpg') 0 0 no-repeat;}

[Softlink]

если на ИЕ 6-7 забить, то table-cell и vertical-align, а пункты выстраивать инлайн-блоком

[okunev2]

если на ИЕ 6-7 забить, то table-cell и vertical-align, а пункты выстраивать инлайн-блоком

а есть пример? а вообще под ИЕ есть решение?

инлайн блок, что за свойство, что-то туплю?

Edited July 2, 2011 by okunev2

[lolka84]

инлайн блок, что за свойство, что-то туплю?

display:inline-block;

[amelice]

а что если добавить к двухстрочному тексту дополнительный класс и поднять отрицательным margin-top'ом вверх?

http://jsfiddle.net/dENfJ/5/

Edited July 2, 2011 by cheburek

[okunev2]

кросбраузерного решения для данного случая видимо не найти

а что если добавить к двухстрочному тексту дополнительный класс и поднять отрицательным margin-top'ом вверх?

http://jsfiddle.net/dENfJ/5/

да пробывал, при генерации меню. отловить все это ещё надо каким пунктам дать отрицательный отсуп

Edited July 2, 2011 by okunev2

[Softlink]

если на ИЕ 6-7 забить, то table-cell и vertical-align, а пункты выстраивать инлайн-блоком

а есть пример? а вообще под ИЕ есть решение?

инлайн блок, что за свойство, что-то туплю?

вот немного набросал

http://jsfiddle.net/kJsEr/

[amelice]

если на ИЕ 6-7 забить, то table-cell и vertical-align, а пункты выстраивать инлайн-блоком

а есть пример? а вообще под ИЕ есть решение?

инлайн блок, что за свойство, что-то туплю?

вот немного набросал

http://jsfiddle.net/kJsEr/

Классно, работает.

Softlink, извиняюсь, но я чуточку модифицировала то, что ты сверстал. было интересно.

вместо ul{display:inline-block} написала table.

и высоту добавила, так более ясно видно, что по середине получается.

http://jsfiddle.net/kJsEr/6/